<!DOCTYPE html>
<html>
<style type="text/css">
    *{margin:0;padding:0;list-style-type:none;}
    a,img{border:0;}
    img{border:0;}
    body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
    .content-1 {background: url("/images/mooncake/bg.jpg") repeat}
    .mt-30 {margin-top: 30px;}
</style>
<body>
    <div class="content-1">
        <div class="banner">
            <img src="/images/mooncake/banner.jpg" width="100%" alt="">
        </div>
        <div class="product-pannel-1" style="padding-top: 70px;">
            <a href="#">
                <img src="/images/mooncake/四味装.jpg" width="100%" style="display:block;margin: 0 auto" alt="">
            </a>
            <a href="#">
                <img src="/images/mooncake/荣华富贵.jpg" width="100%" style="display:block;margin: 0 auto" alt="">
            </a>
        </div>
        <div class="product-pannel-2" style="text-align: center">
            <img src="/images/mooncake/title-1.jpg" width="100%" alt="">
            <a href="#">
                <img src="/images/mooncake/翡翠双黄.jpg" width="49.5%" alt="">
            </a>
            <a href="#">
                <img src="/images/mooncake/600克双黄.jpg" width="49.5%" alt="">
            </a>
            <a href="#">
                <img class="mt-30" src="/images/mooncake/500克双黄.jpg" width="49.5%" alt="">
            </a>
            <a href="#">
                <img class="mt-30" src="/images/mooncake/吉祥三宝.jpg" width="49.5%" alt="">
            </a>
        </div>
        <div class="product-pannel-3" style="text-align: center">
            <img src="/images/mooncake/title-2.jpg" width="100%" alt="">
            <a href="#">
                <img src="/images/mooncake/金腿伍仁.jpg" width="49.5%" alt="">
            </a>
            <a href="#">
                <img src="/images/mooncake/精制伍仁.jpg" width="49.5%" alt="">
            </a>
            <a href="#">
                <img class="mt-30" src="/images/mooncake/叉烧皇.jpg" width="49.5%" alt="">
            </a>
            <a href="#">
                <img class="mt-30" src="/images/mooncake/伍仁脆饼.jpg" width="49.5%" alt="">
            </a>
        </div>
        <div class="product-pannel-4" style="text-align: center">
            <img src="/images/mooncake/title-3.jpg" width="100%" alt="">
            <a href="#">
                <img src="/images/mooncake/惠州印象.jpg" width="49.5%" alt="">
            </a>
            <a href="#">
                <img src="/images/mooncake/蛋黄酥.jpg" width="49.5%" alt="">
            </a>
            <a href="#">
                <img class="mt-30" src="/images/mooncake/七星伴月.jpg" width="100%" alt="">
            </a>
            <a href="#">
                <img class="mt-30" src="/images/mooncake/尚雅.jpg" width="100%" alt="">
            </a>
            <a href="#">
                <img class="mt-30" src="/images/mooncake/富贵锦韵.jpg" width="100%" alt="">
            </a>
            <a href="#">
                <img class="mt-30" src="/images/mooncake/荣耀.jpg" width="100%" alt="">
            </a>
        </div>
    </div>


</body>
</html>